<h2>DOM manipulation helper functions</h2>

<p>inputEx.cn and inputEx.sn are two useful functions to respectively: create an html node and set node attributes.</p>

<p>They are used all over the place in inputEx, so its a good idea to get familiar with them:</p>

<div>
				<h4><a name="method_cn">inputEx.cn</a></h4>
			
				<div class="detail">
					<code><i>static</i> <i>&lt;HTMLElement&gt;</i> <b>inputEx.cn</b>(tag, domAttributes, styleAttributes, innerHTML)</code> 
				</div>
				
				<div class="description">
					
					Helper function to create a DOM node. (wrapps the document.createElement tag and the inputEx.sn functions)
					
				</div>
				
			<!-- METHOD PARAMETERS START -->
			
				<div class="description">
				<b>Parameters:</b>
					<ul>
						<code>tag <i>&lt;String&gt;</i> </code>
						 - The tagName to create (ex: 'div', 'a', ...) 
					</ul>
					
					<ul>
						<code>domAttributes <i>&lt;Object&gt;</i> </code><a class="optional" title="optional parameter">optional</a>
						 - see inputEx.sn 
					</ul>
					
					<ul>
						<code>styleAttributes <i>&lt;Object&gt;</i> </code><a class="optional" title="optional parameter">optional</a>
						 - see inputEx.sn 
					</ul>
					
					<ul>
						<code>innerHTML <i>&lt;String&gt;</i> </code><a class="optional" title="optional parameter">optional</a>
						 - The html string to append into the created element 
					</ul>
					
				</div>
				
				<!-- METHOD PARAMETERS END -->
				<!-- ADDITIONAL ATTRIBUTES START -->
				
					<div class="description">
					<b>Returns:</b>
						<ul>
							<code><i>&lt;HTMLElement&gt;</i> </code>The created node 
						</ul>
					
					</div>
				
				
					
						<!-- ADDITIONAL ATTRIBUTES  END -->
						<hr/>
						</div>
						
						<div>
										<h4><a name="method_sn">inputEx.sn</a></h4>

										<div class="detail">
											<code><i>static</i> <b>inputEx.sn</b>(el, domAttributes, styleAttributes)</code> 
										</div>

										<div class="description">

											Helper function to set DOM node attributes and style attributes.

										</div>

									<!-- METHOD PARAMETERS START -->

										<div class="description">
										<b>Parameters:</b>
											<ul>
												<code>el <i>&lt;HTMLElement&gt;</i> </code>
												 - The element to set attributes to 
											</ul>

											<ul>
												<code>domAttributes <i>&lt;Object&gt;</i> </code>
												 - An object containing key/value pairs to set as node attributes (ex: {id: 'myElement', className: 'myCssClass', ...}) 
											</ul>

											<ul>
												<code>styleAttributes <i>&lt;Object&gt;</i> </code>
												 - Same thing for style attributes. Please use camelCase for style attributes (ex: backgroundColor for 'background-color') 
											</ul>

										</div>

												</div>